<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /* 初始 */
    .table_con table {
      border-spacing: 0;
      margin: 0;
      white-space: nowrap;
      width: 100%;
      table-layout: fixed;
    }

    /*设置表头样式*/
    .table_con table th {
      border-bottom: 1px solid red;
      background: red;
    }

    .table_con table th, .table_con table td {
      overflow: hidden;
      text-overflow: ellipsis;
      color: #333;
      border: none;
      height: 32px;
      line-height: 32px;
      text-align: center;
    }

    .table_con table tr:nth-child(2n-1) {
      background: #eee;
    }

    .table_con .tbody_box {
      width: 100%;
      height: 252px;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .box_table {
      width: 100%;
      overflow-x: auto;
    }

  </style>
</head>
<body>
<div class="box_table">
  <div class="table_con">

    <table class="thead_title">
      <thead>
      <tr class="fff">
        <th>预约ID</th>
        <th>提交原因</th>
        <th>涉及数量</th>
        <th>开始时间</th>
        <th>结束时间</th>
        <th>服务状态</th>
        <th>操作</th>

      </tr>
      </thead>
    </table>

    <div class="tbody_box">
      <table class="tbody_con" cellspacing="0">
        <tbody>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        <tr>
          <td>2019010110300111</td>
          <td>包裹单退款</td>
          <td>0</td>
          <td>2019-09-10 09：00</td>
          <td>2019-09-10 09：00</td>
          <td>进行中</td>
          <td><a href="###" class="blue2">查看</a></td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
</body>
</html>
